<!DOCTYPE html>

<html>

<head>
    <meta charset="utf-8">
    <link rel="shortcut icon" href="pic/favicon.ico">
    <title>Ya-jiang's Blog</title>

    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <!--width=device-width 表示宽度是设备屏幕的宽度。initial-scale=1 表示初始的缩放比例。shrink-to-fit=no 自动适应手机屏幕的宽度。-->
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!--live2d-->
    <script src="https://cdn.jsdelivr.net/gh/stevenjoezhang/live2d-widget@latest/autoload.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">

    <style>
        .startcover {
            width: 100%;
            height: 300px;
            background-image: url('pic/p33.png');
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center;
        }

        body {
            background-image: url('pic/p35.jpg');
            background-repeat: no-repeat;
            background-size: cover;
            background-attachment: fixed;

            text-align: center;

            /*设置背景图片透明度*/
            filter: alpha(opacity=90);
            -moz-opacity: 0.9;
            opacity: 0.90;
        }

        a:link {

            text-decoration: none;

        }

        a:visited {
            color: rgb(0, 217, 255);
        }

        a:hover {
            color: red;
            text-decoration: underline;
        }

        a:active {
            color: purple;
        }

        a {
            font-weight: bold;
        }

        #Htitle {
            font-size: 80px;
        }

        @media all and (max-width: 960px) {
            body {
                background-image: url('pic/p42.png');
                background-repeat: no-repeat;
                background-size: vmax;
                background-attachment: fixed;
                background-position: center center;
                filter: alpha(opacity=100);
                -moz-opacity: 1.0;
                opacity: 1.0;
            }

            #Htitle {
                font-size: 50px;
            }

            .startcover {
                width: 100%;
                height: 250px;
                background-image: url('pic/p45.png');
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center;
            }
        }
    </style>
</head>

<body>
    <div>

        <div class="startcover">
            <h1 class="" style="color: cornsilk;">
                <b>
                    <div id="Htitle" style="text-align: center; line-height: 200px;"> Ya-jiang's Blog
                    </div>
                </b>
            </h1>
        </div>
        <div class="navbar navbar-expand-sm bg-dark navbar-dark" id="collapsibleNavbar">
            <ul class=" nav nav-tabs" style="float: left;border: 0px;">
                <li class=" nav-item">
                    <a class="nav-link active" href="index.html">主页</a>
                </li>
                <li class=" nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">文章</a>
                    <div class="dropdown-menu" style="background-color:gray;">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="dropdown-item" href="internet.html">网络</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="CCC.html">C++</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="web.html">音乐</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="other1.html">其他</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">资源</a>
                    <div class="dropdown-menu" style="background-color:gray;">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="dropdown-item" href="music.html">音乐</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="picture.html">图片</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="vide.html">视频</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="docu.html">文档</a>
                            </li>
                            <li class="nav-item">
                                <a class="dropdown-item" href="other2.html">其他</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="frienda.html">友链</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="message.html">留言</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" href="about.html">关于</a>
                </li>
            </ul>
        </div>



        <br>
        <div>
            <div style="border:solid; width: vx;height: 200px;margin: 0 auto;padding: 10px;">
                <h1 style="color: red;">说明</h1>
                <p style="font-size: larger;">
                    <b>这是Ya-jiang的简陋小站，由于能力和精力有限<del>（懒）</del> ，里面基本没什么东西。以后可能会再增加内容吧<del>（应该不会了）</del>，感谢支持！</b>
                </p>
            </div><br>
            <h5><del>我喜欢的刷题网站</del></h5>
            <iframe src="https://www.luogu.com.cn/" width="100%" height="400" frameborder="3"></iframe><br>

            <p>另一个随便写着玩的网页：<a href="http://ya-jiang.gitee.io/myfirsthtml/"
                    style="color: blue;"><del>刚开始学web的时候</del></a></p>

        </div>


        <br>
        <div style="margin-bottom:0;background-color: darkgray; height: 100px;">
            <div>
                <div style="margin-left: 0px;line-height: 5px;">
                    <h4>感谢</h4>
                    <br>
                    <br>
                    菜鸟教程
                </div>
                <hr>
                <h5 style="line-height:0px;margin-left: 0px;"> &copy 2020/9 作者QQ:2139447940</h5>
            </div>
        </div>
    </div>

</body>

</html>